<template>
  <div class="home">
    <!-- 组件的引入 -->
    <Login msg="Welcome to Your Vue.js App"/>
  </div>
</template>

<script>
// @ is an alias to /src
 /**
  * 【组件的引入三个步骤】
  * 第一步：import 引入     import List from '@/components/List.vue'
  * 第二步：components  注册       List
  * 第三步：使用   <List msg="Welcome to Your Vue.js App"/>
  */

 /**
  * vue组件传参--父穿子，通过props
  *  <List msg="Welcome to Your Vue.js App"/>====》把msg传递出去了 ， 传递的的参数为【msg="Welcome to Your Vue.js App"】 在list页面通过props就可以接收到
  * 
  */

import Login from '@/components/Login.vue'

export default {
  name: 'Home',
  components: {
    Login
  }
}
</script>
